<div class="true-janr section">
    <div class="swiper-wrapper">
        {include file="main-janr.tpl"}
    </div>
    <!--<i class="fal fa-chevron-left"></i>
    <i class="fal fa-chevron-right"></i>-->
</div>

<!--<div class="true-short_tabs tabs-link e-flex">
	<span data-tabs="films" class="active">Фильмы</span>
	<span data-tabs="serial">Сериалы</span>
    <span data-tabs="mult">Мультфильмы</span>
</div>-->
<div>
    <h1>GOODOK PRODUCTION</h1>
    <h2>Креативное агентство, которое занимается созданием видео.</h2>

<p>Прежде, чем делать – мы думаем. Это наше главное отличие. Мы глубоко погружаемся в специфику компании, самостоятельно разрабатываем концепции видео, пишем сценарии и организовываем творческий процесс.</p> 
</div><br>
<div class="true-short tabs-content" id="films">
    <h1>ВИДЕО ПРОДАКШН</h1>
    <div class="e-grid3">{custom category="9-12" template="shortstory" limit="20" order="date"}</div>
</div><br>
<div class="true-short tabs-content" id="serial">
    <h1>КРЕАТИВНОЕ СОПРОВОЖДЕНИЕ МЕРОПРИЯТИЙ</h1>
    <div class="e-grid3">{custom category="13" template="shortstory" limit="20" order="date"}</div>
</div>
<div class="true-short tabs-content" id="exclusive"><br>
    <h1>НАШ ЭКСКЛЮЗИВ</h1>
    <div class="e-grid3">{custom category="14" template="shortstory" limit="20" order="date"}</div>
</div>